﻿<!DOCTYPE html>
<html>
<head>
    <title>Active Editor</title>
    <!-- 
    Application and page settings.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <link rel="icon" href="Graphics/PageIcon32x32.png" sizes="32x32" />
    <link rel="icon" href="Graphics/PageIcon48x48.png" sizes="48x48" />
    <link rel="icon" href="Graphics/PageIcon64x64.png" sizes="64x64" />
    <link rel="icon" href="Graphics/PageIcon128x128.png" sizes="128x128" />
    <link rel="icon" href="Graphics/PageIcon256x256.png" sizes="256x256" />
    <!-- 
    Style sheets. 
    -->        
    <link href="../Framework/BrowserApi.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Fonts/Fonts.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Framework/Toolbar/Toolbar.css" rel="stylesheet" type="text/css" />
    <link href="Spreadsheet.css" rel="stylesheet" type="text/css" />
    <!--  
    Application scripts.    
    -->
    <script src="../Framework/BrowserApi.js" type="text/ecmascript">        
    </script>
    <script src="../../../Motion/User Interface/Framework/Toolbar/Toolbar.js" type="text/ecmascript">        
    </script>
    <script src="Global.js" type="text/ecmascript">        
    </script>
    <script src="MouseAndKeyboardEvents.js" type="text/ecmascript">        
    </script>
    <script src="SelectionProcessing.js" type="text/ecmascript">        
    </script>
    <script src="VirtualScrolling.js" type="text/ecmascript">        
    </script>
    <script src="Spreadsheet.js" type="text/ecmascript">        
    </script>
    <script src="Content.js" type="text/ecmascript">        
    </script>
    <script src="ToolbarItems.js" type="text/ecmascript">        
    </script>
    <script type="text/ecmascript">
    </script>
</head>
<body style="margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; overflow: hidden">
    <!-- 
    The document toolbar 
    -->
    <div id="ToolbarPlaceHolder">
    </div>
    <!-- 
    The spreadsheet placeholder
    -->
    <div id="SpreadsheetPlaceholder">
        <!-- 
        The virtual scroll panels 
        -->
        <div id="ScrollPanel" style="position: fixed; left: 0px; top: 116px; bottom: 0px; right: 0px; z-index: 0; overflow: scroll;">
            <div id="ScrollPanelContent">
            </div>
        </div>
        <!-- 
        The document content 
        -->
        <div style="position: fixed; left: 0px; top: 116px; bottom: 0px; right: 0px; overflow: hidden; z-index: 1" id="SpreadsheetPanel">
            <table cellpadding="0" class="SpreadsheetStyle" id="SpreadsheetTable" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
                z-index: 0">
                <tbody id="SpreadsheetBody">
                </tbody>
            </table>
            <div id="InstructionsPanel" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1">
            </div>
            <input id="TextEdit" style="position: absolute; visibility: collapse; z-index: 2;" />
            <div id="CellHighlight" style="position: absolute; border-width: 2px; border-color: Black; border-style: solid; visibility: collapse; z-index: 2;">
                <div style="background-color: #0033CC; opacity: 0.1; width: 100%; height: 100%;">
                </div>
            </div>
        </div>
    </div>
</body>
</html>
